<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8" />
  <meta content="width=320,initial-scale=1.0,minimum-scale=1.0" name="viewport" />
  <title>陈宇的简历</title>
  <link href="css/sp.css" rel="stylesheet" />
  <script src="js/lib/jquery-2.1.0.min.js"></script>
  <script src="js/lib/skrollr.js"></script>
  <script src="js/sp.js"></script>
  <link href="img/favicon.ico" rel="shortcut icon" />
  <link href="/" rel="canonical" />
</head>

<body>
  <div class="card" data-0="top:0px;left:0px;transform:rotate(0deg);z-index:1;" data-4700="top:-200px;left:-50px;transform:rotate(-90deg);z-index:2;"
    data-500="top:-200px;left:-50px;transform:rotate(-90deg);" data-5000="top:0px;left:0px;transform:rotate(0deg);" id="intro">
    <div class="job">前端开发工程师</div>
    <div class="icon">
      <img src="img/profile.png" />
    </div>
    <div class="name">
      <div class="kanji">陈 宇</div>
      <div class="yomi">cosyer</div>
    </div>
    <ul id="Ilinks" class="links">
      <li>
        <a href="https://twitter.com/yzchenyu1995" target="_blank">
          <img src="img/link_twitter.png" />@yzchenyu1995</a>
      </li>
      <li>
        <a href="https://github.com/cosyer" target="_blank">
          <img src="img/link_github.png" />github.com/cosyer</a>
      </li>
      <li>
        <a href="https://www.facebook.com/profile.php?id=100025666071215" target="_blank">
          <img src="img/link_facebook.png" />@cosyer</a>
      </li>
      <li>
        <a href="http://mydearest.cn" target="_blank">
          <img src="img/link_hatenablog.png" />http://mydearest.cn</a>
      </li>
      <li>
        <a href="mailto:chenyu@mydearest.cn" target="_blank">
          <img src="img/link_mail.png" />chenyu@mydearest.cn</a>
      </li>
    </ul>
  </div>
</body>
<div data-2900="display:block;" data-3000="display:none;" id="bg1">
  <img src="img/bg2.jpg" />
  <div class="white_text">"Hello, World"</div>
</div>
<div class="card" data-1000="top:0%;left:0%;" data-1900="top:0%;left:0%;transform:rotate(0deg);" data-2600="top:-200px;left:-50px;transform:rotate(-90deg);"
  data-600="top:80%;left:-150%;" id="about">
  <div class="job">ABOUT</div>
  <div class="icon">
    <img src="img/profile.png" />
  </div>
  <div class="text_box" data-1000="opacity:1;z-index:100;" data-1200="opacity:0;z-index:0;">
    <div class="name">
      <div class="yomi">陈宇(cosyer)</div>
    </div>
    <div class="text">现居于南京, 一名喜欢二次元，喜爱折腾，好奇新事物的95后。
      <br>
      <br />学习是一个充实愉悦的过程，热爱编程，也热爱一切美好的事物。
      <br> 服务端和前端都很有趣O(∩_∩)O，前端更贴近用户，这种体验非常美妙!
      <br>
      <br />希望能在大前端的道路上越走越远！</div>
  </div>
  <div class="text_box" data-1200="opacity:0;" data-1400="opacity:1;" data-1600="opacity:0;">
    <div class="name">
      <div class="yomi"> history</div>
    </div>
    <div class="text"> 大学专业是电子信息科学与技术，大三开始正式接触、学习Java和Web开发。
      <br />兴趣是建设网站、敲代码解决问题。
      <br/>
      <br />以成为技术高超的程序员为目标不断努力着。
      <br/>
      <br />大四在新媒的实习让我真正的参与到了项目的开发中，了解了开发流程和业务逻辑，积累了许多有用的工作经验，技术上有了很大的提升。
    </div>
  </div>
  <div class="text_box" data-1600="opacity:0;" data-1800="opacity:1;">
    <div class="name">
      <div class="yomi"> mind</div>
    </div>
    <div class="text">需要不断的思考如何能做到更好。
      <br> 编程不是一种手段，而是一种目的。
      <br> 思考塑造干净的设计，干净的代码，有效的方式也是非常有趣的事。
      <br> 我更愿意仔细谨慎地仔细实施设计，而不是在以后花费时间来修复错误。编写代码毕竟是最有趣的。
    </div>
  </div>
</div>
<div class="card" data-1400="display:none;" data-1500="display:block;z-index:0;" data-3000="z-index:1;" data-3200="top:0%;left:0%;transform:rotate(0deg);"
  data-3700="top:-200px;left:-50px;transform:rotate(-90deg);" id="skills">
  <div class="job">SKILLS</div>
  <div class="skills_image">
    <img src="img/bg_skills.gif" />
    <div class="fa fa-check" data-2300="display:none;" data-2400="display:block;" id="JS"></div>
    <div class="fa fa-check" data-2400="display:none;" data-2500="display:block;" id="PHP"></div>
    <div class="fa fa-check" data-2500="display:none;" data-2600="display:block;" id="CFS"></div>
    <div class="fa fa-check" data-2600="display:none;" data-2700="display:block;" id="CSS"></div>
    <div class="fa fa-check" data-2700="display:none;" data-2800="display:block;" id="RUBY"></div>
    <div class="fa fa-check" data-2800="display:none;" data-2900="display:block;" id="HTML"></div>
    <div class="fa fa-check" data-2900="display:none;" data-3000="display:block;" id="SASS"></div>
  </div>
</div>
<div class="card" data-3000="display:none;" data-3100="display:block;z-index:0;" data-3700="z-index:1;" data-4200="opacity:1;"
  data-4500="opacity:0;" data-4510="display:none;" id="works">
  <div class="job">works</div>
  <ul id="work_list">
    <li data-3500="opacity:0;" data-3700="opacity:1;">
      <a href="http://dir.mydearest.cn/thinkcmf/" target="_blank">
        <i class="fa fa-calendar"></i>
        <p>重庆渝商资源再生官网</p>
      </a>
    </li>
    <li data-3700="opacity:0;" data-3900="opacity:1;">
      <a href="http://dir.mydearest.cn/motion/" target="_blank">
        <i class="fa fa-check-square-o"></i>
        <p>网站demo</p>
      </a>
    </li>
    <li data-3900="opacity:0;" data-4100="opacity:1;">
      <a href="http://mydearest.cn" target="_blank">
        <i class="fa fa-book"></i>
        <p>个人博客</p>
      </a>
    </li>
  </ul>
</div>
<div data-3900="display:none;z-index:0;" data-4000="display:block;" id="bg2">
  <img src="img/bg2.jpg" />
  <div class="white_text">"Stay Hungry,Stay Foolish."</div>
</div>
<div style="position:fixed;width:100%;height:100%;z-index:9;"></div>
<script>skrollr.init();
  // PC
  if (!((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1) || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0)) {
    location.href = './';
  }
  // (function (i, s, o, g, r, a, m) {
  //   i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
  //     (i[r].q = i[r].q || []).push(arguments)
  //   }, i[r].l = 1 * new Date(); a = s.createElement(o),
  //     m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
  // })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
  // ga('create', 'UA-60995437-1', 'auto');
  // ga('send', 'pageview');
</script>

</html>